<template>
  <div class="component-title">连线配置</div>
  <el-form class="component-config" label-position="top">

<!--    <el-form-item label="宽度">-->
<!--      <el-input-number v-model="props.option.width" :min="0" :max="10" />-->
<!--    </el-form-item>-->
<!--    <el-form-item label="填充颜色">-->
<!--      <el-color-picker v-model="props.option.fillColor" />-->
<!--    </el-form-item>-->
<!--    <el-form-item label="边框宽度">-->
<!--      <el-input-number v-model="props.option.borderWidth" :min="0" :max="10" />-->
<!--    </el-form-item>-->
<!--    <el-form-item label="边框颜色">-->
<!--      <el-color-picker v-model="props.option.borderColor" />-->
<!--    </el-form-item>-->
    <el-form-item label="连线名称">
      <el-input v-model="props.option.option.label" placeholder="点击输入连线名称" />
    </el-form-item>
  </el-form>
</template>
<script setup lang="ts">
import {LinkOption} from "../../LinkOption.ts";

const props = defineProps<{
  option:LinkOption
}>()
</script>
<style lang="scss" scoped>
.component-config {
  margin-top: 15%;
  .component-title {
    margin: 15px 0;
    font-size: 25px;
  }
}
</style>
